import React, { Component } from "react";
import SlideShow from "./components/SlideShow";

const data = [
  {
    id: 1,
    src: "/img/b5bbe5f0ac01033c14a5075e472af8cff45d6696.jpg",
    title: "这才是夏天该有的样子1111111",
    href: "https://www.bilibili.com/read/cv11866588"
  },
  {
    id: 2,
    src: "/img/715b6b4ef4828849992b3a616bb8953617ec84b7.jpg",
    title: "当你全身细胞开始说中文11111111",
    href: "https://www.bilibili.com/bangumi/play/ep408287/"
  },
  {
    id: 3,
    src: "/img/b5bbe5f0ac01033c14a5075e472af8cff45d6696.jpg",
    title: "这才是夏天该有的样子22222222",
    href: "https://www.bilibili.com/read/cv11866588"
  },
  {
    id: 4,
    src: "/img/715b6b4ef4828849992b3a616bb8953617ec84b7.jpg",
    title: "当你全身细胞开始说中文22222222",
    href: "https://www.bilibili.com/bangumi/play/ep408287/"
  },
  {
    id: 5,
    src: "/img/b5bbe5f0ac01033c14a5075e472af8cff45d6696.jpg",
    title: "这才是夏天该有的样子333333333",
    href: "https://www.bilibili.com/read/cv11866588"
  }
];

export default class App extends Component {
  render() {
    return (
      <SlideShow
        data={data}
        config={{ width: "550px", gap: 2000, duration: 0.25 }}
      />
    );
  }
}
